$(document).ready(function() {

    (function() {
        
        var index = {

            // 初始化
            init: function() {

                this.tab();
                this.dropdownToggle();
                this.popup();
                
            },
            // tab切换
            tab: function() {

                $('.tab').on('click', '.tab-nav .tab-btn', function() {

                    var $self = $(this),
                        index = $self.siblings('.tab-btn').add($self).index($self);

                    $self.addClass('selected').siblings('.tab-btn').removeClass('selected');

                    $self.closest('.tab').find('.tab-item').eq(index).addClass('selected').siblings('.tab-item').removeClass('selected');

                    return false;

                });

            },
            // 案例弹出层逻辑
            popup: function() {
                
                $('#case').on('click', '.tab-item > li', function(e) {

                    e.preventDefault();
                    e.stopPropagation();
                    
                    var $self = $(this),
                        $target = $('#casePopup').find('.popup-wrap');

                    $target.empty().append($self.html() + '<b class="close"></b>').find('> h3').remove();
                    $('#casePopup').fadeIn(200);

                });

                $('#casePopup').on('click', '.close', function() {
                    
                    $('#casePopup').fadeOut(200);
                    
                });

            },
            // 移动端顶部下拉菜单
            dropdownToggle: function() {
                
                $('#dropdownBtn').on('click', function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    $self = $(this);

                    $self.siblings('.dropdown-menu').slideToggle(200);
                });

                $(document).on('click', function() {
                    $('.dropdown-menu').slideUp(200);
                });

            }

        };

        index.init();

    })();

});